<div class="hotel-info-container">
	<div>
		<h1>{{data.hotelName}}<span class="glyphicon glyphicon-thumbs-up" ng-class="{'inactive': !data.recommendInfo.isRecommend}" title="{{data.recommendInfo.title}}" ng-click="data.toggleRecommend()"></span></h1>
	</div>
	<form class="form" role="form" name="editInfoForm" novalidate>
		<div class="row">
			<label-input-text class="col col-md-6" model="data.hotelDetail.name" label="酒店名"></label-input-text>
			<label-address class="col col-md-6"
				city="data.hotelDetail.address.city"
				district="data.hotelDetail.address.district"
				street="data.hotelDetail.address.street" label="地址"></label-address>
			<label-input-text class="col col-md-6" model="data.hotelDetail.contact" label="聯係人"></label-input-text>
			<label-input-text class="col col-md-6" model="data.hotelDetail.telephone" label="聯係電話"></label-input-text>
			<label-input-text class="col col-md-6" model="data.hotelDetail.email" label="郵箱"></label-input-text>
			<label-textarea class="col col-md-12" model="data.hotelDetail.description" label="描述"></label-textarea>
		</div>
		<div class="row button-line">
			<button class="btn btn-primary" ng-click="data.updateHotelDetail()" ng-disabled="editInfoForm.$invalid || editInfoForm.$pristine">保存</button>
			<button class="btn btn-default">取消</button>
		</div>
	</form>
	<div class="hotel-detail-image-info-container">
		<div>
			<h3>酒店圖片</h3>
		</div>
		<div>
			<image-list images="data.hotelDetail.pictureUrls" on-add="data.addHotelImage(files)" on-remove="data.deleteImage(url)"></image-list>
		</div>
	</div>
	<div class="hotel-recommen-container" ng-if="data.recommendInfo.isRecommend">
		<div>
			<h3>推薦圖片</h3>
		</div>
		<div>
			<img ng-src="{{data.recommendInfo.recommendDetail.pictureUrl}}" class="recommendation-image"/>
		</div>
	</div>
</div>